<?php
include("function.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content=""><!--SEO关键字-->
<meta name="description" content=""><!--SEO描述-->
<link rel ="" href=""><!--选项卡图标-->
<title>快拍啦——焦点</title>
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/comment.css" />
<link rel="stylesheet" type="text/css" href="css/page.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" language="javascript" src="js/waterfall.js"></script>
<style type="text/css">
#content li { font-size:12px; color:#999999;width:240px;float:left;}
</style>
</head>

<body>	
	<?php include("include/header.php");?>
	
	<div id="container" style="display:none"></div>
	<!--JS的传参有问题,只好用最笨的办法，有空再研究-->
	<div id="sssss" style="display:none"></div>
	
	<ul id="content">
		<li>			
			<div class="ml20 mr20 photo">
				<!-- 分类开始 -->
				<div class="class w210 pr fl">
					<h3 class="mb5">分类</h3>
						<a href="" class="class_a ico1 all png">全部</a>	<!-- 默认选择为全部，当前所在分类和滑过状态是一样的，橙色图表和边框 -->
						<a href="" class="class_a ico1 peo png">民生</a>
						<a href="" class="class_a ico1 hou png">住</a>
						<a href="" class="class_a ico1 wal png">行</a>
						<a href="" class="class_a ico1 tra png">游</a>
						<a href="" class="class_a ico1 amu png">娱</a>
						<a href="" class="class_a ico1 buy png">购</a>
						<a href="" class="class_a ico1 stu png">学</a>
						<a href="" class="class_a ico1 clo png">衣</a>
						<a href="" class="class_a ico1 eat png">食</a>
						<div class="cb"></div>
					<h3 class="mt10 mb5">地区</h3>
						<a href="" class="place_a">杭州</a>			<!-- 热门地点分类推荐，建议地点不超过3个字 -->
						<a href="" class="place_a">苏州</a>
						<a href="" class="place_a">桂林</a>
						<a href="" class="place_a">大理</a>
						<a href="" class="place_a">北京</a>
						<a href="" class="place_a">上海</a>
						<a href="" class="place_a">深圳</a>
						<a href="" class="place_a">厦门</a>
						<a href="" class="place_a pr place_a_no">长沙<span class="ico0 pla_mo png"></span></a>			<!-- 默认选择当前城市，可点击选择其他地点 -->
					<!-- 地点选择弹出面板开始 -->
					<div class="location w380 none">
						<h3 class="bb"><span class="fl">城市列表</span><a href="" class="ico0 fr close png"></a></h3>	<!-- 选择地点弹出框，参考百度地图 ，a标签为关闭面板按钮-->
						<div class="p5 bb">
							<p><span class="fc_or">按省份</span> | <span>按城市</span></p>								<!-- 当前选择在span标签里添加fc_or类 -->
							<p>		<!-- 按字母分类选择列表 -->
								<a href="" class="ml5">A</a>
								<a href="" class="ml5">B</a>
								<a href="" class="ml5">G</a>
								<a href="" class="ml5">H</a>
								<a href="" class="ml5">J</a>
								<a href="" class="ml5">L</a>
								<a href="" class="ml5">N</a>
								<a href="" class="ml5">Q</a>
								<a href="" class="ml5">S</a>
								<a href="" class="ml5">X</a>
								<a href="" class="ml5">Y</a>
								<a href="" class="ml5">Z</a>
								<a href="" class="ml5">其他</a>
							</p>
						</div>
						<div class="p5 h230" style="overflow-x:hidden;overflow-y:auto;">
							<table>
								<tbody>
									<tr class="mb10">
										<td class="lo_city">
											<div class="lo_litter">A</div>
										</td>
										<td class="lo_city">
											<a href="" class="fc_2 fb">安徽:</a>
										</td>
										<td>
											<a href="" class="ml5">合肥</a>
											<a href="" class="ml5">安庆</a>
											<a href="" class="ml5">蚌埠</a>
											<a href="" class="ml5">亳州</a>
											<a href="" class="ml5">巢湖</a>
											<a href="" class="ml5">池州</a>
											<a href="" class="ml5">滁州</a>
											<a href="" class="ml5">阜阳</a>
											<a href="" class="ml5">淮北</a>
											<a href="" class="ml5">淮南</a>
											<a href="" class="ml5">黄山</a>
											<a href="" class="ml5">六安</a>
											<a href="" class="ml5">马鞍山</a>
											<a href="" class="ml5">宿州</a>
											<a href="" class="ml5">铜陵</a>
											<a href="" class="ml5">芜湖</a>
											<a href="" class="ml5">宣城</a>
										</td>
									</tr>
									<tr class="mb10">
										<td class="lo_city">
											<div class="lo_litter">F</div>
										</td>
										<td class="lo_city">
											<a href="" class="fc_2 fb">福建:</a>
										</td>
										<td>
											<a href="" class="ml5">福州</a>
											<a href="" class="ml5">龙岩</a>
											<a href="" class="ml5">南平</a>
											<a href="" class="ml5">宁德</a>
											<a href="" class="ml5">莆田</a>
											<a href="" class="ml5">泉州</a>
											<a href="" class="ml5">三明</a>
											<a href="" class="ml5">厦门</a>
											<a href="" class="ml5">漳州</a>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<!-- 地点选择面板结束 -->
				</div>
				<!-- 分类结束 -->
			</li>
			<li>
				<div class="photo w230 fl ml7">
					<a href="" class="dib">						
							<img src="img/user.png" class="img" style="width:230px;" alt="这里是照片名" />		<!-- 这里是瀑布流小照片，点击后跳转到详细页面 -->				
					</a>
					<div class="fl" style="width:100%"><!-- 当评论框显示时div增加bb类 -->
						<a href="" class="ico0 ml10 fl place pl15">这里是地点</a><!--这里是照片的地址，点击后以瀑布流形式展示同一地点的所有照片并把点击之前的照片排列到第一位，分类面板地点选择为该地点所在市 -->
						<a href="" class="ico0 time dib mr10 fr png"></a>
					</div>
					<div class="cb"></div>
					<!-- 这里是点击划出框的评论后展示的评论框 -->
					<div class="bgf7 bt dib pl10 pr5 pt10 pr" style="display:none">
						<a href="" class="dib fl mr5">
							<img src="img/user.png" alt="用户名" class="fl w30 h30"/><!-- 用户头像 -->
						</a>
						<input type="input" value="添加我的评论" class="wrap_inp w140 pr30 bor bg_f7 fc_a pr30 fl" />
						<a href="" class="ico inp_a png"></a><!-- 快速回复按钮 -->
					</div>
					<!-- 评论框结束 -->
					<div class="care_box w230 bg_f9 h50 f12"><!-- 这里是照片划出框，鼠标移到照片上显示 -->
						<a href="" class="look png">查看</a>
						<a href="" class="comment png">评论<span>12</span></a>
						<a href="" class="care png">关注<span>168</span></a>
					</div>
				</div>


				</div>
			</div>
		</li>
		</ul>

</body>
</html>


